.index-banner {
    width: 100%;
    min-width: 1180px;
    height: 470px;
    margin-top: 90px;
    margin-bottom: 70px;
}

.brand-logo img{
    margin-top: 20px;
}
#owl-demo a{

}
#owl-demo a.item{
    width: 100%;
    height: 470px;
    display: block;
    background-position: center center;
    background-size: cover;
}
.container-index{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.section-index-header{
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px #eee solid;
}
.section-index-header h2{
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}

.section-index-actitiy{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-index-actitiy-item{
    width: 580px;
    height: 340px;
    background: #eee;
}

.section-index-actitiy-item img{
    width: 580px;
    height: 340px;
    object-fit: cover;
}

.section-index-header{
    color: #222;
}
/**
推荐艺术家
 */
.section-index-artist {
    width: 100%;
    height: 375px;
}
.section-index-artist-left{
    width: 566px;
    padding-top: 40px;
    height: 335px;
    position: absolute;
    z-index: 10;
}

.section-index-artist-left h1{
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 40px;
    height: 84px;
    width: 560px;
}
.section-index-artist-left-info{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-index-artist-left-info .imgs{
    width: 124px;
    height: 124px;
}
.section-index-artist-left-info .imgs img{
    width: 124px;
    height: 124px;
}
.section-index-artist-left-info .infos {
    padding-left: 10px;
    width: 420px;
}
.section-index-artist-right {
    width: 780px;
    background: #F5F2F5;
    position: absolute;
    margin-left: 400px;
    z-index: 8;
}
.section-index-artist-right .artist-box{
    background: #F5F2F5;
    width: 100%;
    height: 100%;
}
.artist-box .artist-box-img{
    float: right;
    width: 340px;
    height: 340px;
}
.artist-box .artist-box-img img{
    width: 100%;
    height: 100%;
}

.works-list-recommend{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}
.works-list-recommend-left{
    width: 880px;
    height: 450px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.works-list-recommend-right{
    width: 320px;
    height: 450px;
    background: #ac2925;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
}
.works-list-recommend-right-top{
    width: 70%;

}
.works-list-recommend-right-button{
    width: 70%;
}

.works-list-recommend-left-item{
    width: 440px;
    height: 225px;
    border:1px #eee solid;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.works-list-recommend-left-item:nth-child(1)
{
    border-bottom:0px #eee solid;

}
.works-list-recommend-left-item:nth-child(2)
{
    border-bottom:0px #eee solid;
    border-left:  0px;
}

.works-list-recommend-left-item:nth-child(4)
{
    border-left:  0px;
}

.works-list-recommend-left-item img{
    width: 180px;
    height: 180px;
    margin: 20px;
    object-fit: cover;

}
.works-list-recommend-left-item-info{
    width: 220px;
    padding: 24px 10px;

}
.works-list-recommend-left-item-info h3{
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 28px;

}
.works-list-recommend-left-item-info p{
    display: block;
    line-height: 24px;
    margin-bottom: 10px;
}
.works-list-recommend-left-item-info span{
    display: block;
    margin-bottom: 10px;
    line-height: 24px;

}
.works-list-recommend-left-item-info .btn{
    background: #ac2925;
    color: #fff;
    padding: 8px;
    margin-top: 10px;
}

.works-list-works{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;


}
.works-list-works-item {
    width: 280px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.works-list-works-item img{
    object-fit: cover;
}
.works-list-works-item-img{
    width: 280px;
    height: 280px;
}
.works-list-works-item-info{
    width: 280px;
    margin: 8px;
}
.works-list-works-item-info h3{
    font-size: 16px;
    line-height: 28px;

}
.works-list-works-item-info p{
    display: block;
    line-height: 24px;
    margin-bottom: 4px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
}
.works-list-works-item-info span{
    display: block;
    margin-bottom: 8px;
    line-height: 24px;
}
.works-list-works-item-col-2 {
    width: 590px;
}
.works-list-works-item-col-2 .works-list-works-item-img{
    width: 590px;
    object-fit: cover;
}
.section-index-header h2{
    font-weight: 600;
}
.works-list-works-item-info h1{
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
}

.why-us-item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 123px;

}
.why-us-item .why-us-item-tips{
    width: 190px;
    height: 60px;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-us-item-img{
    background-image: url("/static/img/img-tips-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 206px;
    height: 123px;
}

.why-us-item .why-us-item-content{
    width: 850px;
    padding-left: 60px;

}
.container-bg-gray{
    background: #F8F8F8;

}
.index-tips{
    width: 100%;
    display: flex;
    padding: 20px 0px;
    align-items: flex-start;
    justify-content: flex-start;
}
.index-tips-tabs{
    width: 220px;
}

.index-tips-tabs-item{
    height: 80px;
    padding: 10px;
    text-align: left;
    padding-left: 40px;
    margin-bottom: 10px;
}

.index-tips-tabs-item h4{
    font-weight: 400;
}

.index-tips-tabs-item-curr{
    width: 100%;
    background: #fff;
}

.index-tips-tabs-content{
    width: 980px;
    padding: 40px;
    background: #fff;
}

.index-tips-tabs-content img{
    width: 100%;
}
.swiper-pagination-custom {
				bottom: 5%;
				left: 0;
				width: 100%;
				height: 20px;
				text-align: center;
			}
			.swiper-pagination-customs {
				width: 12px;
				height: 12px;
				display:inline-block;
				background: #000;
				opacity: .3;
				border-radius: 50%;
				margin: 0 5px;
				outline: 0;
			}
			.swiper-pagination-customs-active {
				opacity: 1;
                border: 3px solid #869791;
				background-color: #869791;
			}
.tips-img {
    display: none;

}